<template>
  <div class="four-box">
      <div class="four-box-one">
          <img src="../../assets/zt/9.jpg" alt="">
      </div>
       <div class="four-box-tow">
            <div>
                <h2>驾驶信息</h2>
            </div>
        </div>
        <div class="four-box-three">   
            <ul class="four-ul">
                <li>
                    <span>
                        2018s
                        <br>
                        09-04
                    </span>
                    <div>
                        <a href="">怎样查询自己的驾驶证信息呢？</a>
                        <br>
                        <b class="four-b"><a href="">有两种方法可以查询自己的驾驶证信息： 到当地车管所进行查询。 也可以上所在省的公安交警官网，找到驾驶证状态查询栏，输入驾驶证档案号，就会显示驾驶证的所有个人信息。 驾</a></b>
                    </div>
                </li>
            </ul>
        </div>
        <div class="four-box-four" >
            <!-- style="display: block; top: 1190px;"s -->
            <ul>
                <a href="">
                    <li>公司新闻</li>
                </a>
                <a href="">
                    <li>行业动态</li>
                </a>
                <a href="">
                    <li>安全驾驶</li>
                </a>
                <a href="">
                    <li>驾驶信息</li>
                </a>
                <a href="">
                    <li>经验心得</li>
                </a>
            </ul>
        </div>
         <div class="four-box-five">
            <span>共7条 当前1/1页</span>
            <span>
                <a href="http://www.yjx118.com/?jiaoxuezhongxin/kemuyi/">首页</a>
            </span>
            <span>前一页</span>
            <span>1</span>
            <span>后一页</span>
            <span>尾页</span>
        </div>
        <Weibu/>
  </div>
</template>

<script>
import Weibu from '../../components/weibu/weibu.vue'
export default {
    name:'Ztqi',
    components: {
        Weibu
    }
}
</script>

<style lang="scss">
    .four-box{
        .four-box-one{
            img{
                width: 100%;
                
            }
        }
        .four-box-tow{
                width: 70%;
                margin: 0 auto;
                div{
                    background: #142B57;
                    color: #fff;
                    height: 55px;
                    line-height: 55px;
                    padding-left: 30px;
                    h2{
                        font-size: 28px !important;
                        font-weight: normal;
                        font-family: \9ED1\4F53;
                    }
                }
        }
        .four-box-three{
              width: 70%;
            margin: 0 auto;
              .four-ul{
                margin: 40px 20px 0px 0px;
                padding: 0;
                    li{
                        clear: both;
                        position: relative;
                        height: 120px;
                        display: block;
                        padding-left: 40px;
                        padding: 0;
                        span{
                            background: #fff;
                            display: block;
                            float: left;
                            background-color: #f4f4f4;
                            color: #a0a4b0;
                            width: 100px;
                            height: 70px;
                            text-align: center;
                            padding-top: 30px;
                            font-size: 18px;
                            line-height: 1.2;
                        }
                        div{
                            left: 34px;
                            top: 0;
                            background: #fff;
                            margin: 0;
                            padding-left: 20px;
                            float: left;
                            font-size: 18px;
                            a{
                                color: #142B57;
                            }
                        }
                        .four-b{
                            font-style: normal;
                            padding-top: 10px;
                            color: #666;
                            font-size: 14px;
                            background-color: #fff;
                            position: absolute;
                            display: block;
                            left: 120px;
                            padding-right: 16px;
                            width: 90%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            font-weight: normal;
                            line-height: 2;
                            a{
                                color: #666;
                            }
                        }
                    }
                }
        }
        .four-box-four{
            position: fixed;
            left: 0;
            top: 260px;
            background-color: #f4f4f4;
            width: 110px;
            z-index: 999;
            ul{
                a{
                    display: block;
                    cursor: pointer;
                    color: #142B57;
                    li{
                        height: 40px;
                        line-height: 40px;
                        text-align: center;
                        border-bottom: 1px solid #e5e5e5;
                    }
                }
            }
        }
        .four-box-five{
            padding-BOTTOM: 25px;
            margin: 10px auto 0px;
            width: 98%;
            padding-top: 20px;
            text-align: center;
            margin-bottom: 80px;
        }
    }
</style>